<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>构造函数 | SimpleMindMap</title>
    <meta name="description" content="一个强大的Web思维导图">
    <meta name="generator" content="VitePress v1.3.3">
    <link rel="preload stylesheet" href="/mind-map-docs/assets/style.m6R34cWr.css" as="style">
    
    <script type="module" src="/mind-map-docs/assets/app.CayW-_xc.js"></script>
    <link rel="preload" href="/mind-map-docs/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/mind-map-docs/assets/chunks/theme.iyWGNaji.js">
    <link rel="modulepreload" href="/mind-map-docs/assets/chunks/framework.B358x4hV.js">
    <link rel="modulepreload" href="/mind-map-docs/assets/api_constructor_constructor-options.md.8BBZ4ug7.lean.js">
    <link rel="icon" href="/mind-map-docs/logo.png">
    <script src="//sdk.51.la/js-sdk-pro.min.js" charset="UTF-8" id="LA_COLLECT"></script>
    <script>try{LA.init({id:"KRO0WxK8GT66tYCQ",ck:"KRO0WxK8GT66tYCQ",autoTrack:!1})}catch(t){console.log(t)}</script>
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-5d98c3a5><!--[--><!--]--><!--[--><span tabindex="-1" data-v-0f60ec36></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0f60ec36> Skip to content </a><!--]--><!----><header class="VPNav" data-v-5d98c3a5 data-v-ae24b3ad><div class="VPNavBar has-sidebar top" data-v-ae24b3ad data-v-6aa21345><div class="wrapper" data-v-6aa21345><div class="container" data-v-6aa21345><div class="title" data-v-6aa21345><div class="VPNavBarTitle has-sidebar" data-v-6aa21345 data-v-ab179fa1><a class="title" href="/mind-map-docs/" data-v-ab179fa1><!--[--><!--]--><!--[--><img class="VPImage logo" src="/mind-map-docs/logo.png" alt data-v-8426fc1a><!--]--><span data-v-ab179fa1>SimpleMindMap</span><!--[--><!--]--></a></div></div><div class="content" data-v-6aa21345><div class="content-body" data-v-6aa21345><!--[--><!--]--><div class="VPNavBarSearch search" data-v-6aa21345><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-6aa21345 data-v-dc692963><span id="main-nav-aria-label" class="visually-hidden" data-v-dc692963> Main Navigation </span><!--[--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://wanglin2.github.io/mind-map/" target="_blank" rel="noreferrer" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>在线使用</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/mind-map-docs/client.html" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>客户端</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/mind-map-docs/cloudStorage.html" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>云存储版</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/mind-map-docs/start/introduction.html" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>开始</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/mind-map-docs/course/course1.html" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>教程</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/mind-map-docs/api/constructor/constructor-options.html" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>API</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/mind-map-docs/plugins/themes.html" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>插件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/mind-map-docs/help/help1.html" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>使用帮助</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/mind-map-docs/sponsor.html" tabindex="0" data-v-dc692963 data-v-9c663999><!--[--><span data-v-9c663999>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-dc692963 data-v-b6c34ac9><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-b6c34ac9><span class="text" data-v-b6c34ac9><!----><span data-v-b6c34ac9>更多</span><span class="vpi-chevron-down text-icon" data-v-b6c34ac9></span></span></button><div class="menu" data-v-b6c34ac9><div class="VPMenu" data-v-b6c34ac9 data-v-b98bc113><div class="items" data-v-b98bc113><!--[--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-43f1e123><a class="VPLink link" href="/mind-map-docs/blog.html" data-v-43f1e123><!--[-->博客<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-43f1e123><a class="VPLink link vp-external-link-icon" href="https://github.com/wanglin2/lx-doc" target="_blank" rel="noreferrer" data-v-43f1e123><!--[-->理想文档<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-43f1e123><a class="VPLink link vp-external-link-icon" href="https://github.com/wanglin2/mind-map/issues" target="_blank" rel="noreferrer" data-v-43f1e123><!--[-->意见反馈<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-6aa21345 data-v-88af2de4 data-v-b6c34ac9><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-b6c34ac9><span class="text" data-v-b6c34ac9><span class="vpi-languages option-icon" data-v-b6c34ac9></span><!----><span class="vpi-chevron-down text-icon" data-v-b6c34ac9></span></span></button><div class="menu" data-v-b6c34ac9><div class="VPMenu" data-v-b6c34ac9 data-v-b98bc113><!----><!--[--><!--[--><div class="items" data-v-88af2de4><p class="title" data-v-88af2de4>中文</p><!--[--><div class="VPMenuLink" data-v-88af2de4 data-v-43f1e123><a class="VPLink link" href="/mind-map-docs/en/api/constructor/constructor-options.html" data-v-43f1e123><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-6aa21345 data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-6aa21345 data-v-0394ad82 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://github.com/wanglin2/mind-map" aria-label="github" target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-6aa21345 data-v-bb2aa2f0 data-v-b6c34ac9><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-b6c34ac9><span class="vpi-more-horizontal icon" data-v-b6c34ac9></span></button><div class="menu" data-v-b6c34ac9><div class="VPMenu" data-v-b6c34ac9 data-v-b98bc113><!----><!--[--><!--[--><div class="group translations" data-v-bb2aa2f0><p class="trans-title" data-v-bb2aa2f0>中文</p><!--[--><div class="VPMenuLink" data-v-bb2aa2f0 data-v-43f1e123><a class="VPLink link" href="/mind-map-docs/en/api/constructor/constructor-options.html" data-v-43f1e123><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-bb2aa2f0><div class="item appearance" data-v-bb2aa2f0><p class="label" data-v-bb2aa2f0>暗黑模式</p><div class="appearance-action" data-v-bb2aa2f0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-bb2aa2f0 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bb2aa2f0><div class="item social-links" data-v-bb2aa2f0><div class="VPSocialLinks social-links-list" data-v-bb2aa2f0 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://github.com/wanglin2/mind-map" aria-label="github" target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-6aa21345 data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-6aa21345><div class="divider-line" data-v-6aa21345></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-5d98c3a5 data-v-a6f0e41e><div class="container" data-v-a6f0e41e><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-a6f0e41e><span class="vpi-align-left menu-icon" data-v-a6f0e41e></span><span class="menu-text" data-v-a6f0e41e>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-a6f0e41e data-v-17a5e62e><button data-v-17a5e62e>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-5d98c3a5 data-v-319d5ca6><div class="curtain" data-v-319d5ca6></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-319d5ca6><span class="visually-hidden" id="sidebar-aria-label" data-v-319d5ca6> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-c40bc020><section class="VPSidebarItem level-0 has-active" data-v-c40bc020 data-v-b7550ba0><div class="item" role="button" tabindex="0" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><h2 class="text" data-v-b7550ba0>API</h2><!----></div><div class="items" data-v-b7550ba0><!--[--><section class="VPSidebarItem level-1 has-active" data-v-b7550ba0 data-v-b7550ba0><div class="item" role="button" tabindex="0" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><h3 class="text" data-v-b7550ba0>构造函数</h3><!----></div><div class="items" data-v-b7550ba0><!--[--><div class="VPSidebarItem level-2 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/constructor/constructor-options.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>实例化选项</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/constructor/constructor-props.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>属性</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/constructor/constructor-methods.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>方法</p><!--]--></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/node.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>Node类</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/render.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>Render类</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/command.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>Command类</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/textEdit.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>TextEdit类</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/view.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>View类</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/keyCommand.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>KeyCommand类</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/batchExecution.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>BatchExecution类</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/xmind.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>XMind解析</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/markdown.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>Markdown解析</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b7550ba0 data-v-b7550ba0><div class="item" data-v-b7550ba0><div class="indicator" data-v-b7550ba0></div><a class="VPLink link link" href="/mind-map-docs/api/utils.html" data-v-b7550ba0><!--[--><p class="text" data-v-b7550ba0>内置工具方法</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-5d98c3a5 data-v-1428d186><div class="VPDoc has-sidebar has-aside" data-v-1428d186 data-v-39a288b8><!--[--><!--]--><div class="container" data-v-39a288b8><div class="aside" data-v-39a288b8><div class="aside-curtain" data-v-39a288b8></div><div class="aside-container" data-v-39a288b8><div class="aside-content" data-v-39a288b8><div class="VPDocAside" data-v-39a288b8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-a5bbad30><div class="content" data-v-a5bbad30><div class="outline-marker" data-v-a5bbad30></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-a5bbad30>大纲</div><ul class="VPDocOutlineItem root" data-v-a5bbad30 data-v-b933a997><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-39a288b8><div class="content-container" data-v-39a288b8><!--[--><!--]--><main class="main" data-v-39a288b8><div style="position:relative;" class="vp-doc _mind-map-docs_api_constructor_constructor-options" data-v-39a288b8><div><h1 id="构造函数" tabindex="-1">构造函数 <a class="header-anchor" href="#构造函数" aria-label="Permalink to &quot;构造函数&quot;">​</a></h1><h2 id="基本使用" tabindex="-1">基本使用 <a class="header-anchor" href="#基本使用" aria-label="Permalink to &quot;基本使用&quot;">​</a></h2><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;mindMapContainer&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> MindMap </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;simple-mind-map&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> mindMap</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> MindMap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">({</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  el: document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">getElementById</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;mindMapContainer&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  data: {</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    &quot;data&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: {</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">        &quot;text&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;根节点&quot;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    },</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    &quot;children&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: []</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div><h3 id="特别提醒" tabindex="-1">特别提醒 <a class="header-anchor" href="#特别提醒" aria-label="Permalink to &quot;特别提醒&quot;">​</a></h3><p>节点树渲染是一个异步的操作，所以不能实例化完后立即调用一些需要节点渲染完成才能执行的操作，否则会发生错误和一些未知的现象，你需要监听<code>node_tree_render_end</code>事件，在节点树渲染完成后再进行。除了实例化，其他诸如：<code>setData</code>、<code>updateData</code>、<code>render</code>等方法都是异步的，也需要这样处理。</p><h2 id="实例化选项" tabindex="-1">实例化选项 <a class="header-anchor" href="#实例化选项" aria-label="Permalink to &quot;实例化选项&quot;">​</a></h2><h3 id="_1-基本" tabindex="-1">1.基本 <a class="header-anchor" href="#_1-基本" aria-label="Permalink to &quot;1.基本&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>描述</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>el</td><td>容器元素，必传，必须为DOM元素（当容器元素在页面上的位置发生了改变，但大小没有改变的情况下必须调用<code>getElRectInfo()</code>方法更新库内部的相关信息；当大小也发生了改变后必须调用<code>resize()</code>方法，否则会造成一些功能异常）</td><td>Element</td><td></td></tr><tr><td>data</td><td>思维导图数据，可参考下方【数据结构】介绍。v0.9.9+支持传空对象或者null，画布会显示空白</td><td>Object 、 null</td><td></td></tr><tr><td>viewData</td><td>视图数据，可以用于恢复画布的位置和缩放。该数据可以通过<code>mindMap.view.getTransformData()</code>方法获取</td><td>Object 、 null</td><td></td></tr><tr><td>layout</td><td>布局类型，可选列表：logicalStructure（逻辑结构图）、logicalStructureLeft（v0.10.2+，向左逻辑结构图）、mindMap（思维导图）、catalogOrganization（目录组织图）、organizationStructure（组织结构图）、timeline（v0.5.4+，时间轴）、timeline2（v0.5.4+，上下交替型时间轴）、fishbone（v0.5.4+，鱼骨图）</td><td>String</td><td>logicalStructure</td></tr><tr><td>fishboneDeg（v0.5.4+）</td><td>设置鱼骨结构图的斜线角度</td><td>Number</td><td>45</td></tr><tr><td>theme</td><td>主题，v0.12.0+将库内置的主题抽离到单独的插件中（simple-mind-map-plugin-themes，详见插件文档），库只有默认主题（default）。v0.12.0以下版本库内置可选的主题列表：default（默认）、classic（脑图经典）、minions（小黄人）、pinkGrape（粉红葡萄）、mint（薄荷）、gold（金色vip）、vitalityOrange（活力橙）、greenLeaf（绿叶）、dark2（暗色2）、skyGreen（天清绿）、classic2（脑图经典2）、classic3（脑图经典3）、classic4（脑图经典4，v0.2.0+）、classicGreen（经典绿）、classicBlue（经典蓝）、blueSky（天空蓝）、brainImpairedPink（脑残粉）、dark（暗色）、earthYellow（泥土黄）、freshGreen（清新绿）、freshRed（清新红）、romanticPurple（浪漫紫）、simpleBlack（v0.5.4+简约黑）、courseGreen（v0.5.4+课程绿）、coffee（v0.5.4+咖啡）、redSpirit（v0.5.4+红色精神）、blackHumour（v0.5.4+黑色幽默）、lateNightOffice（v0.5.4+深夜办公室）、blackGold（v0.5.4+黑金）、avocado（v.5.10-fix.2+牛油果）、autumn（v.5.10-fix.2+秋天）、orangeJuice（v.5.10-fix.2+橙汁）</td><td>String</td><td>default</td></tr><tr><td>themeConfig</td><td>主题配置，会和所选择的主题进行合并，可用字段可参考：<a href="https://github.com/wanglin2/mind-map/blob/main/simple-mind-map/src/theme/default.js" target="_blank" rel="noreferrer">default.js</a></td><td>Object</td><td>{}</td></tr><tr><td>scaleRatio</td><td>放大缩小的增量比例</td><td>Number</td><td>0.1</td></tr><tr><td>translateRatio（v0.11.2+）</td><td>平移的步长比例，只在鼠标滚轮和触控板触发的平移中应用</td><td>Number</td><td>1</td></tr><tr><td>minZoomRatio（v0.11.2+）</td><td>最小缩小值，百分数，最小为0，该选项只会影响view.narrow方法（影响的行为为Ctrl+-快捷键、鼠标滚轮及触控板），不会影响其他方法，比如view.setScale，需要你自行限制传入的大小</td><td>Number</td><td>20</td></tr><tr><td>maxZoomRatio（v0.11.2+）</td><td>最大放大值，百分数，传-1代表不限制，否则传0以上数字，，该选项只会影响view.enlarge方法</td><td>Number</td><td>400</td></tr><tr><td>customCheckIsTouchPad（v0.11.2+）</td><td>自定义判断wheel事件是否来自电脑的触控板，默认是通过判断e.deltaY的值是否小于10，显然这种方法是不准确的，当鼠标滚动的很慢，或者触摸移动的很快时判断就失效了，如果你有更好的方法，欢迎提交issue，如果你希望自己来判断，那么可以传递一个函数，接收一个参数e（事件对象），需要返回true或false，代表是否是来自触控板</td><td>Function、Null</td><td></td></tr><tr><td>maxTag</td><td>节点里最多显示的标签数量，多余的会被丢弃</td><td>Number</td><td>5</td></tr><tr><td>tagPosition（v0.10.3+）</td><td>标签显示的位置，相对于节点文本，bottom（下方）、right（右侧）</td><td>String</td><td>right</td></tr><tr><td>imgTextMargin</td><td>节点里图片和文字的间距</td><td>Number</td><td>5</td></tr><tr><td>textContentMargin</td><td>节点里各种文字信息的间距，如图标和文字的间距</td><td>Number</td><td>2</td></tr><tr><td>customNoteContentShow（v0.1.6+）</td><td>自定义节点备注内容显示，Object类型，结构为：{show: (noteContent, left, top, node) =&gt; {// 你的显示节点备注逻辑。node为v0.8.1+版本新增的回参，代表节点实例 }, hide: () =&gt; {// 你的隐藏节点备注逻辑 } }</td><td>Object</td><td>null</td></tr><tr><td>readonly（v0.1.7+）</td><td>是否是只读模式</td><td>Boolean</td><td>false</td></tr><tr><td>textAutoWrapWidth（v0.3.4+）</td><td>节点内每行文本达到该宽度后自动换行</td><td>Number</td><td>500</td></tr><tr><td>customHandleMousewheel（v0.4.3+）</td><td>自定义鼠标滚轮事件处理，可以传一个函数，回调参数为事件对象</td><td>Function</td><td>null</td></tr><tr><td>mousewheelAction（v0.4.3+）</td><td>鼠标滚轮的行为，<code>zoom</code>（放大缩小）、<code>move</code>（上下移动）。如果<code>customHandleMousewheel</code>传了自定义函数，这个属性不生效</td><td>String</td><td>zoom（v0.9.1+默认改为move）</td></tr><tr><td>mousewheelMoveStep（v0.4.3+）</td><td>当<code>mousewheelAction</code>设为<code>move</code>时，可以通过该属性控制鼠标滚动一下视图移动的步长，单位<code>px</code></td><td>Number</td><td>100</td></tr><tr><td>mousewheelZoomActionReverse（v0.6.5+）</td><td>当mousewheelAction设为zoom时，或者按住Ctrl键时，默认向前滚动是缩小，向后滚动是放大，如果该属性设为true，那么会反过来</td><td>Boolean</td><td>false（v0.9.1+默认改为true）</td></tr><tr><td>defaultInsertSecondLevelNodeText（v0.4.7+）</td><td>默认插入的二级节点的文字</td><td>String</td><td>二级节点</td></tr><tr><td>defaultInsertBelowSecondLevelNodeText（v0.4.7+）</td><td>默认插入的二级以下节点的文字</td><td>String</td><td>分支主题</td></tr><tr><td>expandBtnStyle（v0.5.0+）</td><td>展开收起按钮的颜色，（fontSize及strokeColor字段为0.7.0+版本新增的，用于设置收起时显示节点数量的文字样式）</td><td>Object</td><td>{ color: &#39;#808080&#39;, fill: &#39;#fff&#39;, fontSize: 13, strokeColor: &#39;#333333&#39; }</td></tr><tr><td>expandBtnIcon（v0.5.0+）</td><td>自定义展开收起按钮的图标，可以传图标的svg字符串（节点收起时渲染open图标，展开时渲染close图标）</td><td>Object</td><td>{ open: &#39;&#39;, close: &#39;&#39; }</td></tr><tr><td>expandBtnNumHandler（v0.7.0+）</td><td>用于自定义收起时显示节点数量的内容，可以传递一个函数，v0.11.1之前的版本接收一个参数，代表收起的节点所有子孙节点的总数量，v0.11.1+版本接收两个参数，第一个还是有子孙节点的总数量，第二个为该节点实例。需要返回一个数字或字符串，代表最终显示的内容，比如你可以当数量大于99时，显示99+</td><td>Function</td><td></td></tr><tr><td>isShowExpandNum（v0.7.0+）</td><td>节点收起时是否显示收起的数量</td><td>Boolean</td><td>true</td></tr><tr><td>enableShortcutOnlyWhenMouseInSvg（v0.5.1+）</td><td>是否只有当鼠标在画布内才响应快捷键事件</td><td>Boolean</td><td>true</td></tr><tr><td>enableNodeTransitionMove（v0.5.1+）（v0.6.7+已去除该特性）</td><td>是否开启节点动画过渡</td><td>Boolean</td><td>true</td></tr><tr><td>nodeTransitionMoveDuration（v0.5.1+）（v0.6.7+已去除该特性）</td><td>如果开启节点动画过渡，可以通过该属性设置过渡的时间，单位ms</td><td>Number</td><td>300</td></tr><tr><td>initRootNodePosition（v0.5.3+）</td><td>初始根节点的位置，可传一个数组，默认为<code>[&#39;center&#39;, &#39;center&#39;]</code>，代表根节点处于画布中心位置，除了<code>center</code>，关键词还可以设置<code>left</code>、<code>top</code>、<code>right</code>、<code>bottom</code>，除了可以传关键词，数组的每项还可以传递一个数字，代表具体的像素，可以传递一个百分比字符串，比如<code>[&#39;40%&#39;, &#39;60%&#39;]</code>，代表水平位置在画布宽度的<code>40%</code>的位置，垂直位置在画布高度的<code>60%</code>的位置</td><td>Array</td><td>null</td></tr><tr><td>nodeTextEditZIndex（v0.5.5+）</td><td>节点文本编辑框元素的z-index</td><td>Number</td><td>3000</td></tr><tr><td>nodeNoteTooltipZIndex（v0.5.5+）</td><td>节点备注浮层元素的z-index</td><td>Number</td><td>3000</td></tr><tr><td>isEndNodeTextEditOnClickOuter（v0.5.5+）</td><td>是否在点击了画布外的区域时结束节点文本的编辑状态</td><td>Boolean</td><td>true</td></tr><tr><td>maxHistoryCount（v0.5.6+）</td><td>最大历史记录数</td><td>Number</td><td>1000（v0.9.2+改为500）</td></tr><tr><td>alwaysShowExpandBtn（v0.5.8+）</td><td>是否一直显示节点的展开收起按钮，默认为鼠标移上去和激活时才显示</td><td>Boolean</td><td>false</td></tr><tr><td>iconList（v0.5.8+）</td><td>扩展节点可插入的图标，数组的每一项为一个对象，对象详细结构请参考下方【图标配置】表格</td><td>Array</td><td>[]</td></tr><tr><td>maxNodeCacheCount（v0.5.10+）</td><td>节点最大缓存数量。为了优化性能，内部会维护一个节点缓存池，用来复用节点，通过该属性可以指定池的最大缓存数量</td><td>Number</td><td>1000</td></tr><tr><td>fitPadding（v0.6.0+）</td><td>思维导图适应画布大小时的内边距，单位：px</td><td>Number</td><td>50</td></tr><tr><td>enableCtrlKeyNodeSelection（v0.6.0+）</td><td>是否开启按住ctrl键多选节点的功能</td><td>Boolean</td><td>true</td></tr><tr><td>useLeftKeySelectionRightKeyDrag（v0.6.0+）</td><td>设置为左键多选节点，右键拖动画布</td><td>Boolean</td><td>false</td></tr><tr><td>beforeTextEdit（v0.6.0+）</td><td>节点即将进入编辑前的回调方法，如果该方法返回true以外的值，那么将取消编辑，函数可以返回一个值，或一个Promise，回调参数为节点实例</td><td>Function/null</td><td>null</td></tr><tr><td>isUseCustomNodeContent（v0.6.3+）</td><td>是否自定义节点内容</td><td>Boolean</td><td>false</td></tr><tr><td>customCreateNodeContent（v0.6.3+）</td><td>如果<code>isUseCustomNodeContent</code>设为<code>true</code>，那么需要使用该选项传入一个方法，接收节点实例<code>node</code>为参数（如果要获取该节点的数据，可以通过<code>node.nodeData.data</code>），需要返回自定义节点内容元素，也就是DOM节点，如果某个节点不需要自定义，那么返回<code>null</code>即可</td><td>Function/null</td><td>null</td></tr><tr><td>mouseScaleCenterUseMousePosition（v0.6.4-fix.1+）</td><td>鼠标缩放是否以鼠标当前位置为中心点，否则以画布中心点</td><td>Boolean</td><td>true</td></tr><tr><td>customInnerElsAppendTo（v0.6.12+）</td><td>指定内部一些元素（节点文本编辑元素、节点备注显示元素、关联线文本编辑元素、节点图片调整按钮元素）添加到的位置，默认添加到document.body下</td><td>null/HTMLElement</td><td>null</td></tr><tr><td>enableCreateHiddenInput（v0.6.13+）（v0.6.14+版本已去除该特性）</td><td>是否允许创建一个隐藏的输入框，该输入框会在节点激活时聚焦，用于粘贴数据和自动进入文本编辑状态</td><td>Boolean</td><td>true</td></tr><tr><td>enableAutoEnterTextEditWhenKeydown（v0.6.13+）</td><td>是否在存在一个激活节点时，当按下中文、英文、数字按键时自动进入文本编辑模式</td><td>Boolean</td><td>true</td></tr><tr><td>customHandleClipboardText（v0.6.14+）</td><td>自定义对剪贴板文本的处理。当按ctrl+v粘贴时会读取用户剪贴板中的文本和图片，默认只会判断文本是否是普通文本和simple-mind-map格式的节点数据，如果你想处理其他思维导图的数据，比如processon、zhixi等，那么可以传递一个函数，接受当前剪贴板中的文本为参数，返回处理后的数据，可以返回两种类型：1.返回一个纯文本，那么会直接以该文本创建一个子节点；2.返回一个节点对象，格式如下：{ simpleMindMap: true, data: { data: { text: &#39;&#39; }, children: [] } }，代表是simple-mind-map格式的数据，节点数据同simple-mind-map节点数据格式，如果你的处理逻辑存在异步逻辑，也可以返回一个promise</td><td>Function</td><td>null</td></tr><tr><td>errorHandler（v0.6.15+）</td><td>自定义错误处理函数，目前只会抛出一些异步逻辑出错的情况。可以传递一个函数，会接收两个参数，第一个为错误的类型，第二个为错误对象</td><td>Function</td><td></td></tr><tr><td>disableMouseWheelZoom（v0.6.15+）</td><td>禁止鼠标滚轮缩放，你仍旧可以使用api进行缩放</td><td>Boolean</td><td>false</td></tr><tr><td>enableDblclickReset（v0.6.17+）（v0.8.0+已删除该属性）</td><td>开启鼠标双击复位思维导图位置及缩放</td><td>Boolean</td><td>true（v0.7.0+改为false）</td></tr><tr><td>enableDblclickBackToRootNode（v0.8.0+）</td><td>是否在鼠标双击时回到根节点，也就是让根节点居中显示</td><td>Boolean</td><td>false</td></tr><tr><td>hoverRectColor（v0.7.0+）</td><td>节点鼠标hover和激活时显示的矩形边框颜色，hover时会添加0.6的透明度</td><td>String</td><td>rgb(94, 200, 248)</td></tr><tr><td>hoverRectPadding（v0.7.0+）</td><td>节点鼠标hover和激活时显示的矩形边框距节点内容的距离</td><td>Number</td><td>2</td></tr><tr><td>selectTextOnEnterEditText（v0.7.0+）</td><td>双击节点进入节点文本编辑时是否默认选中文本，默认只在创建新节点时会选中</td><td>Boolean</td><td>true</td></tr><tr><td>deleteNodeActive（v0.7.1+）</td><td>是否开启删除节点后自动激活节点相邻节点或父节点的功能</td><td>Boolean</td><td>true</td></tr><tr><td>fit（v0.7.1-fix.2+）</td><td>首次渲染时是否缩放至适应画布大小</td><td>Boolean</td><td>false</td></tr><tr><td>tagsColorMap（v0.7.2+）</td><td>自定义节点标签的颜色，可传一个对象，key为要指定颜色的标签内容，value为该标签内容的颜色，如果不传内部会根据标签内容生成对应的颜色</td><td>Object</td><td>{}</td></tr><tr><td>cooperateStyle（v0.7.3+）</td><td>节点协作编辑时的人员头像样式配置，字段含义分别为：头像大小、如果是文字头像，那么文字的大小</td><td>Object</td><td>{ avatarSize: 22, fontSize: 12 }</td></tr><tr><td>onlyOneEnableActiveNodeOnCooperate（v0.9.8+）</td><td>协同编辑时，同一个节点不能同时被多人选中</td><td>Boolean</td><td>false</td></tr><tr><td>defaultGeneralizationText（v0.8.0+）</td><td>插入概要的默认文本</td><td>String</td><td>概要</td></tr><tr><td>handleIsSplitByWrapOnPasteCreateNewNode（v0.8.0+）</td><td>粘贴文本的方式创建新节点时，控制是否按换行自动分割节点，即如果存在换行，那么会根据换行创建多个节点，否则只会创建一个节点，可以传递一个函数，返回promise，resolve代表根据换行分割，reject代表忽略换行</td><td>Function / null</td><td>null</td></tr><tr><td>addHistoryTime（v0.8.0+）</td><td>指定时间内只允许添加一次历史记录，避免添加没有必要的中间状态，单位：ms</td><td>Number</td><td>100</td></tr><tr><td>isDisableDrag（v0.8.1+）</td><td>是否禁止拖动画布</td><td>Boolean</td><td>false</td></tr><tr><td>highlightNodeBoxStyle（v0.9.0+）（v0.11.1+已移除）</td><td>鼠标移入概要高亮所属节点时的高亮框样式</td><td>Object</td><td>{ stroke: &#39;rgb(94, 200, 248)&#39;, fill: &#39;transparent&#39; }</td></tr><tr><td>createNewNodeBehavior（v0.9.1+）</td><td>创建新节点时的行为。default（默认会激活新创建的节点，并且进入编辑模式。如果同时创建了多个新节点，那么只会激活而不会进入编辑模式）、notActive（不激活新创建的节点）、activeOnly（只激活新创建的节点，不进入编辑模式）</td><td>String</td><td>default</td></tr><tr><td>defaultNodeImage（v0.9.1-fix.2+）</td><td>图片地址，当节点图片加载失败时显示的默认图片</td><td>String</td><td></td></tr><tr><td>handleNodePasteImg（v0.9.2+）</td><td>在节点上粘贴剪贴板中的图片的处理方法，默认是转换为data:url数据插入到节点中，你可以通过该方法来将图片数据上传到服务器，实现保存图片的url。可以传递一个异步方法，接收Blob类型的图片数据，需要返回指定结构：{ url, size: {width, height} }</td><td>null 或 Function</td><td>null</td></tr><tr><td>isLimitMindMapInCanvas（v0.9.2+）</td><td>是否将思维导图限制在画布内。比如向右拖动时，思维导图图形的最左侧到达画布中心时将无法继续向右拖动，其他同理</td><td>Boolean</td><td>false</td></tr><tr><td>beforeShortcutRun（v0.9.9+）</td><td>快捷键操作即将执行前的生命周期函数，返回true可以阻止操作执行。函数接收两个参数：key（快捷键）、activeNodeList（当前激活的节点列表）</td><td>Function、null</td><td>null</td></tr><tr><td>resetScaleOnMoveNodeToCenter（v0.9.12+）</td><td>移动节点到画布中心、回到根节点等操作时是否将缩放层级复位为100%（该选项实际影响的是render.moveNodeToCenter方法，moveNodeToCenter方法本身也存在第二个参数resetScale来设置是否复位，如果resetScale参数没有传递，那么使用resetScaleOnMoveNodeToCenter配置，否则使用resetScale配置）。</td><td>Boolean</td><td>false</td></tr><tr><td>createNodePrefixContent（v0.9.12+）</td><td>添加附加的节点前置内容。前置内容指和文本同一行的区域中的前置内容，不包括节点图片部分。可以传递一个函数，这个函数接收一个节点实例的参数，可以返回{el, width, height}格式的对象，el为DOM节点对象，width和height代表内容的宽高，数字类型，如果不需要自定义内容，也可以返回null</td><td>Function、null</td><td>null</td></tr><tr><td>createNodePostfixContent（v0.9.12+）</td><td>添加附加的节点后置内容。后置内容指和文本同一行的区域中的后置内容，不包括节点图片部分。用法同createNodePrefixContent</td><td>Function、null</td><td>null</td></tr><tr><td>disabledClipboard（v0.10.2+）</td><td>是否禁止粘贴用户剪贴板中的数据，禁止将复制的节点数据写入用户的剪贴板中，此时只能复制和粘贴画布内的节点数据</td><td>Boolean</td><td>false</td></tr><tr><td>customHyperlinkJump（v0.10.2+）</td><td>自定义超链接的跳转。如果不传，默认会以新窗口的方式打开超链接，可以传递一个函数，函数接收两个参数：link（超链接的url）、node（所属节点实例），只要传递了函数，就会阻止默认的跳转</td><td>null、Function</td><td>false</td></tr><tr><td>openPerformance（v0.10.4+）</td><td>是否开启性能模式，默认情况下所有节点都会直接渲染，无论是否处于画布可视区域，这样当节点数量比较多时（1000+）会比较卡，如果你的数据量比较大，那么可以通过该配置开启性能模式，即只渲染画布可视区域内的节点，超出的节点不渲染，这样会大幅提高渲染速度，当然同时也会带来一些其他问题，比如：1.当拖动或是缩放画布时会实时计算并渲染未节点的节点，所以会带来一定卡顿；2.导出图片、svg、pdf时需要先渲染全部节点，所以会比较慢；3.其他目前未发现的问题</td><td>Boolean</td><td>false</td></tr><tr><td>performanceConfig（v0.10.4+）</td><td>性能优化模式配置。time（当视图改变后多久刷新一次节点，单位：ms）、padding（超出画布四周指定范围内依旧渲染节点）、removeNodeWhenOutCanvas（节点移出画布可视区域后是否从画布删除）</td><td>Object</td><td>{ time: 250, padding: 100, removeNodeWhenOutCanvas: true }</td></tr><tr><td>notShowExpandBtn（v0.10.6+）</td><td>不显示展开收起按钮，优先级比alwaysShowExpandBtn配置高</td><td>Boolean</td><td>false</td></tr><tr><td>emptyTextMeasureHeightText（v0.11.1+）</td><td>如果节点文本为空，那么为了避免空白节点高度塌陷，会用该字段指定的文本测量一个高度</td><td>String</td><td>abc123我和你</td></tr><tr><td>openRealtimeRenderOnNodeTextEdit（v0.11.1+）</td><td>是否在进行节点文本编辑时实时更新节点大小和节点位置，开启后当节点数量比较多时可能会造成卡顿</td><td>Boolean</td><td>false</td></tr><tr><td>mousedownEventPreventDefault（v0.11.2+）</td><td>默认会给容器元素el绑定mousedown事件，并且会阻止其默认事件，这会带来一定问题，比如你聚焦在思维导图外的其他输入框，点击画布就不会触发其失焦，可以通过该选项关闭阻止。关闭后也会带来一定问题，比如鼠标框选节点时可能会选中节点文字，看你如何取舍</td><td>Boolean</td><td>true</td></tr><tr><td>onlyPasteTextWhenHasImgAndText（v0.12.0+）</td><td>在激活的节点上粘贴用户剪贴板中的数据时，如果同时存在文本和图片，那么只粘贴文本，忽略图片</td><td>Boolean</td><td>true</td></tr><tr><td>enableDragModifyNodeWidth（v0.12.0+）</td><td>是否允许拖拽调整节点的宽度，实际上压缩的是节点里面文本内容的宽度，当节点文本内容宽度压缩到最小时无法继续压缩。如果节点存在图片，那么最小值以图片宽度和文本内容最小宽度的最大值为准（目前该特性仅在两种情况下可用：1.开启了富文本模式，即注册了RichText插件；2.自定义节点内容）</td><td>Boolean</td><td>true</td></tr><tr><td>minNodeTextModifyWidth（v0.12.0+）</td><td>当允许拖拽调整节点的宽度时，可以通过该选项设置节点文本内容允许压缩的最小宽度</td><td>Number</td><td>20</td></tr><tr><td>maxNodeTextModifyWidth（v0.12.0+）</td><td>同minNodeTextModifyWidth，最大值，传-1代表不限制</td><td>Number</td><td>-1</td></tr></tbody></table><h4 id="_1-1数据结构" tabindex="-1">1.1数据结构 <a class="header-anchor" href="#_1-1数据结构" aria-label="Permalink to &quot;1.1数据结构&quot;">​</a></h4><p>基本的数据结构如下：</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 节点的文本，可以是富文本，也就是html格式的，此时richText要设为true</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    richText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 节点的文本是否是富文本模式</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    expand</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 节点是否展开</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    uid</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 节点唯一的id，可不传，内部会生成</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: [], </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 图标，格式可参考教程里的【插入和扩展节点图标】章节</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    image</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 图片的url</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    imageTitle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 图片的标题，可为空</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    imageSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: { </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 图片的尺寸</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">      width</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 图片的宽度，必传</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">      height</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 图片的高度，必传</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">      custom</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">false</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> // 如果设为true，图片的显示大小不受主题控制，以imageSize.width和imageSize.height为准</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    },</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    hyperlink</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 超链接地址</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    hyperlinkTitle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 超链接的标题</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    note</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 备注的内容</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    attachmentUrl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// v0.9.10+，附件url</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    attachmentName</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// v0.9.10+，附件名称</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    tag</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: [], </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 标签列表，v0.10.3以前的版本只支持字符串数组，即[&#39;标签&#39;]，v0.10.3+版本支持对象数组，即[{text: &#39;标签&#39;, style: {}}]，具体支持的标签样式可参考下方【标签的样式】</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    generalization</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: [{</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// （0.9.0以下版本不支持数组，只能设置单个概要数据）节点的概要，如果没有概要generalization设为null即可</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      text: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 概要的文本</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      richText: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 节点的文本是否是富文本模式</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">      // ...其他普通节点的字段都支持，但是不支持children</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }],</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    associativeLineTargets</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">],</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 如果存在关联线，那么为目标节点的uid列表</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    associativeLineText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 关联线文本</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    // ...其他样式字段，可以参考主题</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  children [</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 子节点，结构和根节点一致</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      data: {},</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      children: []</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ]</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>如果你要添加自定义的字段，可以添加到<code>data</code>、<code>children</code>同级，如果你要添加到<code>data</code>对象里，那么请使用<code>_</code>开头来命名你的自定义字段，内部会通过这个来判断是否是自定义字段。</p><h5 id="标签的样式" tabindex="-1">标签的样式 <a class="header-anchor" href="#标签的样式" aria-label="Permalink to &quot;标签的样式&quot;">​</a></h5><p>标签的样式<code>style</code>对象支持以下属性：</p><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>radius</td><td>Number</td><td>3</td><td>标签矩形的圆角大小</td></tr><tr><td>fontSize</td><td>Number</td><td>12</td><td>字号，建议文字高度不要大于height</td></tr><tr><td>fill</td><td>String</td><td></td><td>标签矩形的背景颜色</td></tr><tr><td>height</td><td>Number</td><td>20</td><td>标签矩形的高度</td></tr><tr><td>paddingX</td><td>Number</td><td>8</td><td>水平内边距，如果设置了width，将忽略该配置</td></tr><tr><td>width</td><td>Number</td><td></td><td>标签矩形的宽度，如果不设置，默认以文字的宽度+paddingX*2为宽度</td></tr></tbody></table><h4 id="_1-2图标配置" tabindex="-1">1.2图标配置 <a class="header-anchor" href="#_1-2图标配置" aria-label="Permalink to &quot;1.2图标配置&quot;">​</a></h4><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>name</td><td>String</td><td></td><td>图标分组的名称</td></tr><tr><td>type</td><td>String</td><td></td><td>图标分组的值</td></tr><tr><td>list</td><td>Array</td><td></td><td>分组下的图标列表，数组的每一项为一个对象，<code>{ name: &#39;&#39;, icon: &#39;&#39; }</code>，<code>name</code>代表图标的名称，<code>icon</code>代表图标，可以是<code>svg</code>图标，比如<code>&lt;svg ...&gt;&lt;path&gt;&lt;/path&gt;&lt;/svg&gt;</code>，也可以是图片<code>url</code>，或者是<code>base64</code>图标，比如<code>data:image/png;base64,...</code></td></tr></tbody></table><h3 id="_2-export插件" tabindex="-1">2.Export插件 <a class="header-anchor" href="#_2-export插件" aria-label="Permalink to &quot;2.Export插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>exportPadding（已废除）</td><td>Number</td><td>20</td><td>导出图片时的内边距</td></tr><tr><td>exportPaddingX（v0.5.5+）</td><td>Number</td><td>10</td><td>导出png、svg、pdf时的图形水平内边距</td></tr><tr><td>exportPaddingY（v0.5.5+）</td><td>Number</td><td>10</td><td>导出png、svg、pdf时的图形垂直内边距</td></tr><tr><td>resetCss（v0.6.16+）</td><td>String</td><td>* { margin: 0; padding: 0; box-sizing: border-box; }</td><td>设置导出图片和svg时，针对富文本节点内容，也就是嵌入到svg中的html节点的默认样式覆盖，如果不覆盖，节点内容会发生偏移</td></tr><tr><td>minExportImgCanvasScale（v0.7.0+）</td><td>Number</td><td>2</td><td>导出图片和pdf时canvas的缩放倍数，该配置会和window.devicePixelRatio值取最大值，用于提升图片清晰度</td></tr><tr><td>addContentToHeader（v0.9.9+）</td><td>Function、null</td><td>null</td><td>导出png、svg、pdf时在头部添加自定义内容。可传递一个函数，这个函数可以返回null代表不添加内容，也可以返回一个对象，详细介绍请参考下方【导出时如何添加自定义内容】</td></tr><tr><td>addContentToFooter（v0.9.9+）</td><td>Function、null</td><td>null</td><td>基本释义同addContentToHeader，在尾部添加自定义内容</td></tr><tr><td>handleBeingExportSvg（v0.10.1+）</td><td>Function、null</td><td>null</td><td>导出png、svg、pdf时会获取画布上的svg数据进行克隆，然后通过该克隆的元素进行导出，如果你想对该克隆元素做一些处理，比如新增、替换、修改其中的一些元素，那么可以通过该参数传递一个处理函数，接收svg元素对象，处理后，需要返回原svg元素对象。（需要注意的是svg对象指的是@svgdotjs/svg.js库的元素对象，所以你需要阅读该库的文档来操作该对象）</td></tr><tr><td>maxCanvasSize（v0.11.2+）</td><td>Number</td><td>16384</td><td>图片或pdf都是通过canvas将svg绘制出来再进行导出，所以如果思维导图尺寸特别大，宽高可能会超出canvas支持的上限，所以会进行缩放，这个上限可以通过该参数设置，代表canvas宽和高的最大值</td></tr></tbody></table><h4 id="_2-1导出时如何添加自定义内容" tabindex="-1">2.1导出时如何添加自定义内容 <a class="header-anchor" href="#_2-1导出时如何添加自定义内容" aria-label="Permalink to &quot;2.1导出时如何添加自定义内容&quot;">​</a></h4><p><code>addContentToHeader</code>和<code>addContentToFooter</code>两个实例化选项可以用于在导出<code>png</code>、<code>svg</code>、<code>pdf</code>时在头部和尾部添加自定义的内容，默认为<code>null</code>，代表不配置，可以传递一个函数，函数可以返回<code>null</code>，代表不添加内容，如果要添加内容那么需要返回如下的结构：</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>{</span></span>
<span class="line"><span>  el,// 要追加的自定义DOM节点，样式可内联</span></span>
<span class="line"><span>  cssText,// 可选，如果样式不想内联，可以传递该值，一个css字符串</span></span>
<span class="line"><span>  height: 50// 返回的DOM节点的高度，必须传递</span></span>
<span class="line"><span>}</span></span></code></pre></div><p>一个简单的示例：</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> MindMap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">({</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  addContentToFooter</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: () </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> el</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">createElement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;div&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    el.className </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;footer&#39;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    el.innerHTML </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;来自：simple-mind-map&#39;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> cssText</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">      .footer {</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">        width: 100%;</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">        height: 30px;</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">      }</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    `</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      el,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      cssText,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      height: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">30</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">})</span></span></code></pre></div><h3 id="_3-select插件" tabindex="-1">3.Select插件 <a class="header-anchor" href="#_3-select插件" aria-label="Permalink to &quot;3.Select插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>selectTranslateStep</td><td>Number</td><td>3</td><td>多选节点时鼠标移动到边缘时的画布移动偏移量</td></tr><tr><td>selectTranslateLimit</td><td>Number</td><td>20</td><td>多选节点时鼠标移动距边缘多少距离时开始偏移</td></tr></tbody></table><h3 id="_4-drag插件" tabindex="-1">4.Drag插件 <a class="header-anchor" href="#_4-drag插件" aria-label="Permalink to &quot;4.Drag插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>描述</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>enableFreeDrag（v0.2.4+）</td><td>是否开启节点自由拖拽（自由拖拽即可以把节点拖拽到画布的任意位置，注意不是拖拽节点成为其他节点的子节点兄弟节点的功能，自由拖拽的连线会存在一定问题，所以该特性最好不要使用）</td><td>Boolean</td><td>false</td></tr><tr><td>nodeDragPlaceholderMaxSize（v0.6.12+）（v0.10.0+已废除）</td><td>拖拽元素时，指示元素新位置的块的最大高度</td><td>Number</td><td>20</td></tr><tr><td>autoMoveWhenMouseInEdgeOnDrag（v0.7.1+）</td><td>拖拽节点时鼠标移动到画布边缘是否开启画布自动移动</td><td>Boolean</td><td>true</td></tr><tr><td>dragMultiNodeRectConfig（v0.7.2+）</td><td>拖拽多个节点时随鼠标移动的示意矩形的样式配置，传递一个对象，字段含义分别为矩形的宽、高、填充色</td><td>Object</td><td>{ width: 40, height: 20, fill: &#39;rgb(94, 200, 248)&#39; }</td></tr><tr><td>dragPlaceholderRectFill（v0.7.2+）</td><td>节点拖拽时新位置的示意矩形的填充颜色</td><td>String</td><td>rgb(94, 200, 248)</td></tr><tr><td>dragPlaceholderLineConfig（v0.10.0+）</td><td>节点拖拽时新位置的示意连线的样式配置</td><td>Object</td><td>{ color: &#39;rgb(94, 200, 248)&#39;, width: 2 }</td></tr><tr><td>dragOpacityConfig（v0.7.2+）</td><td>节点拖拽时的透明度配置，传递一个对象，字段含义分别为：跟随鼠标移动的克隆节点或矩形的透明度、被拖拽节点的透明度</td><td>Object</td><td>{ cloneNodeOpacity: 0.5, beingDragNodeOpacity: 0.3 }</td></tr><tr><td>beforeDragEnd（v0.10.1+）</td><td>即将拖拽完成前调用该函数，函数接收一个对象作为参数：{overlapNodeUid,prevNodeUid,nextNodeUid,beingDragNodeList}，代表拖拽信息，如果要阻止本次拖拽，那么可以返回true，此时node_dragend事件不会再触发。函数可以是异步函数，返回Promise实例。beingDragNodeList为v0.10.2+新增的回调参数，为当前被拖拽的节点列表</td><td>null、Function</td><td>null</td></tr><tr><td>handleDragCloneNode（v0.10.1+）</td><td>拖拽单个节点时会克隆被拖拽节点，如果想修改该克隆节点，那么可以通过该选项提供一个处理函数，函数接收克隆节点对象。（需要注意的是节点对象指的是@svgdotjs/svg.js库的元素对象，所以你需要阅读该库的文档来操作该对象）</td><td>null、Function</td><td>null</td></tr><tr><td>beforeDragStart（v0.10.2+）</td><td>即将开始拖拽节点前调用该函数，函数接收当前即将被拖拽的节点实例列表作为参数，如果要阻止本次拖拽，那么可以返回true。可以是异步函数，返回一个Promise实例</td><td>null、Function（(nodeList) =&gt; {}）</td><td>null</td></tr></tbody></table><h3 id="_5-watermark插件" tabindex="-1">5.Watermark插件 <a class="header-anchor" href="#_5-watermark插件" aria-label="Permalink to &quot;5.Watermark插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>watermarkConfig（v0.2.4+）</td><td>Object</td><td></td><td>水印配置，详细配置请参考下方表格【水印配置】</td></tr></tbody></table><h4 id="_5-1水印配置" tabindex="-1">5.1水印配置 <a class="header-anchor" href="#_5-1水印配置" aria-label="Permalink to &quot;5.1水印配置&quot;">​</a></h4><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>text</td><td>String</td><td>&#39;&#39;</td><td>水印文字，如果为空字符串则不显示水印</td></tr><tr><td>lineSpacing</td><td>Number</td><td>100</td><td>水印每行之间的间距</td></tr><tr><td>textSpacing</td><td>Number</td><td>100</td><td>同一行水印之间的间距</td></tr><tr><td>angle</td><td>Number</td><td>30</td><td>水印的倾斜角度，范围：[0, 90]</td></tr><tr><td>textStyle</td><td>Object</td><td>{color: &#39;#999&#39;, opacity: 0.5, fontSize: 14}</td><td>水印文字样式</td></tr><tr><td>onlyExport（v0.9.2+）</td><td>Boolean</td><td>false</td><td>是否仅在导出时添加水印</td></tr><tr><td>belowNode（v0.10.0+）</td><td>Boolean</td><td>false</td><td>水印是否显示在节点下方</td></tr></tbody></table><h3 id="_6-associativeline插件" tabindex="-1">6.AssociativeLine插件 <a class="header-anchor" href="#_6-associativeline插件" aria-label="Permalink to &quot;6.AssociativeLine插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>defaultAssociativeLineText（v0.5.11+）</td><td>String</td><td>关联</td><td>关联线默认文字</td></tr><tr><td>associativeLineIsAlwaysAboveNode（v0.8.0+）</td><td>Boolean</td><td>true</td><td>关联线是否始终显示在节点上层，如果设为false，那么创建关联线和激活关联线时处于最顶层，其他情况下处于节点下方</td></tr><tr><td>associativeLineInitPointsPosition（v0.9.5+）</td><td>null / { from, to }</td><td>{ from: &#39;&#39;, to: &#39;&#39; }</td><td>默认情况下，新创建的关联线两个端点的位置是根据两个节点中心点的相对位置来计算的，如果你想固定位置，可以通过这个选项来配置。from和to都不传，则都自动计算，如果只传一个，另一个则会自动计算。from和to可选值：left、top、bottom、right</td></tr><tr><td>enableAdjustAssociativeLinePoints（v0.9.5+）</td><td>Boolean</td><td>true</td><td>是否允许调整关联线两个端点的位置</td></tr><tr><td>beforeAssociativeLineConnection（v0.12.0+）</td><td>Function</td><td>null</td><td>可以传递一个函数，关联线创建即将完成时调用，如果要阻止本次连接可以返回true，函数接收一个参数：node（目标节点实例）</td></tr></tbody></table><h3 id="_7-richtext插件" tabindex="-1">7.RichText插件 <a class="header-anchor" href="#_7-richtext插件" aria-label="Permalink to &quot;7.RichText插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>richTextEditFakeInPlace（v0.6.13+）</td><td>Boolean</td><td>false</td><td>设置富文本节点编辑框和节点大小一致，形成伪原地编辑的效果，需要注意的是，只有当节点内只有文本、且形状是矩形才会有比较好的效果</td></tr><tr><td>transformRichTextOnEnterEdit（v0.10.0+）</td><td>null、Function</td><td>null</td><td>转换富文本内容，可以传递一个函数，当进入富文本编辑时会调用该函数，函数接收即将被编辑的富文本内容，需要返回你处理后的富文本内容</td></tr><tr><td>beforeHideRichTextEdit（v0.10.0+）</td><td>null、Function</td><td>null</td><td>可以传递一个函数，即将结束富文本编辑前会执行该函数，函数接收richText实例，所以你可以在此时机更新quill文档数据</td></tr></tbody></table><h3 id="_8-touchevent插件" tabindex="-1">8.TouchEvent插件 <a class="header-anchor" href="#_8-touchevent插件" aria-label="Permalink to &quot;8.TouchEvent插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>disableTouchZoom（v0.8.1+）</td><td>Boolean</td><td>false</td><td>禁止双指缩放，你仍旧可以使用api进行缩放，对TouchEvent插件生效</td></tr><tr><td>minTouchZoomScale（v0.10.1+）</td><td>Number</td><td>20</td><td>允许最大和最小的缩放值，百分数，传-1代表不限制</td></tr><tr><td>maxTouchZoomScale（v0.10.1+）</td><td>Number</td><td>-1</td><td>同minTouchZoomScale</td></tr></tbody></table><h3 id="_9-scrollbar插件" tabindex="-1">9.Scrollbar插件 <a class="header-anchor" href="#_9-scrollbar插件" aria-label="Permalink to &quot;9.Scrollbar插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>isLimitMindMapInCanvasWhenHasScrollbar（v0.9.2+）</td><td>Boolean</td><td>true</td><td>当注册了滚动条插件（Scrollbar）时，是否将思维导图限制在画布内，isLimitMindMapInCanvas配置不再起作用</td></tr></tbody></table><h3 id="_10-search插件" tabindex="-1">10.Search插件 <a class="header-anchor" href="#_10-search插件" aria-label="Permalink to &quot;10.Search插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>isOnlySearchCurrentRenderNodes（v0.9.8+）</td><td>Boolean</td><td>false</td><td>是否仅搜索当前渲染的节点，被收起的节点不会被搜索到</td></tr></tbody></table><h3 id="_11-cooperate插件" tabindex="-1">11.Cooperate插件 <a class="header-anchor" href="#_11-cooperate插件" aria-label="Permalink to &quot;11.Cooperate插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>beforeCooperateUpdate（v0.9.8+）</td><td>Function、null</td><td>null</td><td>协同编辑时，节点操作即将更新到其他客户端前的生命周期函数。函数接收一个对象作为参数：{ type: 【createOrUpdate（创建节点或更新节点）、delete（删除节点）】, list: 【数组类型，1.当type=createOrUpdate时，代表被创建或被更新的节点数据，即将同步到其他客户端，所以你可以修改该数据；2.当type=delete时，代表被删除的节点数据】 }</td></tr></tbody></table><h3 id="_12-rainbowlines插件" tabindex="-1">12.RainbowLines插件 <a class="header-anchor" href="#_12-rainbowlines插件" aria-label="Permalink to &quot;12.RainbowLines插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>rainbowLinesConfig（v0.9.9+）</td><td>Object</td><td>{ open: false, colorsList: [] }</td><td>彩虹线条配置，需要先注册RainbowLines插件。对象类型，结构：{ open: false【是否开启彩虹线条】, colorsList: []【自定义彩虹线条的颜色列表，如果不设置，会使用默认颜色列表】 }</td></tr></tbody></table><h3 id="_13-demonstrate插件" tabindex="-1">13.Demonstrate插件 <a class="header-anchor" href="#_13-demonstrate插件" aria-label="Permalink to &quot;13.Demonstrate插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>demonstrateConfig（v0.9.11+）</td><td>Object、null</td><td>null</td><td>演示插件Demonstrate的配置。不传则使用默认配置，可传递一个对象，如果只配置某个属性，可以只设置该属性，其他没有设置的同样会使用默认配置，完整配置请参考下方【演示插件配置】小节</td></tr></tbody></table><h4 id="_13-1演示插件配置" tabindex="-1">13.1演示插件配置 <a class="header-anchor" href="#_13-1演示插件配置" aria-label="Permalink to &quot;13.1演示插件配置&quot;">​</a></h4><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>boxShadowColor</td><td>String</td><td>rgba(0, 0, 0, 0.8)</td><td>高亮框四周区域的颜色</td></tr><tr><td>borderRadius</td><td>String</td><td>5px</td><td>高亮框的圆角大小</td></tr><tr><td>transition</td><td>String</td><td>all 0.3s ease-out</td><td>高亮框动画的过渡属性，CSS的transition属性</td></tr><tr><td>zIndex</td><td>Number</td><td>9999</td><td>高亮框元素的层级</td></tr><tr><td>padding</td><td>Number</td><td>20</td><td>高亮框的内边距</td></tr><tr><td>margin</td><td>Number</td><td>50</td><td>高亮框的外边距</td></tr><tr><td>openBlankMode（v0.9.12+）</td><td>Boolean</td><td>true</td><td>是否开启填空模式，即带下划线的文本默认不显示，按回车键才依次显示</td></tr></tbody></table><h3 id="_14-formula插件" tabindex="-1">14.Formula插件 <a class="header-anchor" href="#_14-formula插件" aria-label="Permalink to &quot;14.Formula插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>描述</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>enableEditFormulaInRichTextEdit（v0.10.0+）</td><td>是否开启在富文本编辑框中直接编辑数学公式</td><td>Boolean</td><td>true</td></tr><tr><td>katexFontPath（v0.10.3+）</td><td>katex库的字体文件的请求路径。仅当katex的output配置为html时才会请求字体文件。可以通过mindMap.formula.getKatexConfig()方法来获取当前的配置。字体文件可以从node_modules中找到：katex/dist/fonts/。可以上传到你的服务器或cdn。最终的字体请求路径为<code>${katexFontPath}fonts/KaTeX_AMS-Regular.woff2</code>，可以自行拼接进行测试是否可以访问</td><td>String</td><td><a href="https://unpkg.com/katex@0.16.11/dist" target="_blank" rel="noreferrer">https://unpkg.com/katex@0.16.11/dist</a></td></tr><tr><td>getKatexOutputType（v0.10.3+）</td><td>自定义katex库的输出模式。默认当Chrome内核100以下会使用html方式，否则使用mathml方式，如果你有自己的规则，那么可以传递一个函数，函数返回值为：mathml或html</td><td>Function、null</td><td>null</td></tr></tbody></table><h3 id="_15-outerframe插件" tabindex="-1">15.OuterFrame插件 <a class="header-anchor" href="#_15-outerframe插件" aria-label="Permalink to &quot;15.OuterFrame插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>outerFramePaddingX（v0.10.3+）</td><td>Number</td><td>10</td><td>外框的水平内边距</td></tr><tr><td>outerFramePaddingY（v0.10.3+）</td><td>Number</td><td>10</td><td>外框的垂直内边距</td></tr></tbody></table><h3 id="_16-painter插件" tabindex="-1">16.Painter插件 <a class="header-anchor" href="#_16-painter插件" aria-label="Permalink to &quot;16.Painter插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>onlyPainterNodeCustomStyles（v0.11.1+）</td><td>Boolean</td><td>false</td><td>是否只格式刷节点手动设置的样式，忽略节点通过主题应用的样式</td></tr></tbody></table><h3 id="_17-nodeimgadjust插件" tabindex="-1">17.NodeImgAdjust插件 <a class="header-anchor" href="#_17-nodeimgadjust插件" aria-label="Permalink to &quot;17.NodeImgAdjust插件&quot;">​</a></h3><table tabindex="0"><thead><tr><th>字段名称</th><th>类型</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>beforeDeleteNodeImg（v0.11.1+）</td><td>Function</td><td>null</td><td>拦截节点图片的删除，点击节点图片上的删除按钮删除图片前会调用该函数，如果函数返回true则取消删除，可以是异步函数，返回一个Promise实例</td></tr><tr><td>minImgResizeWidth（v0.12.0+）</td><td>Number</td><td>50</td><td>允许缩放的最小宽度，请传入&gt;=0的数字</td></tr><tr><td>minImgResizeHeight（v0.12.0+）</td><td>Number</td><td>50</td><td>允许缩放的最小高度，请传入&gt;=0的数字</td></tr><tr><td>imgResizeBtnSize（v0.12.0+）</td><td>Number</td><td>25</td><td>删除和调整两个按钮的大小</td></tr><tr><td>maxImgResizeWidthInheritTheme（v0.12.0+）</td><td>Boolean</td><td>false</td><td>允许缩放的最大尺寸是否依据主题的配置，即使用主题的imgMaxWidth和imgMaxHeight配置，如果设置为false，那么使用maxImgResizeWidth和maxImgResizeHeight选项</td></tr><tr><td>maxImgResizeWidth（v0.12.0+）</td><td>Number</td><td>Infinity</td><td>允许缩放的最大宽度，maxImgResizeWidthInheritTheme选项设置为false时生效，不限制最大值可传递Infinity</td></tr><tr><td>maxImgResizeHeight（v0.12.0+）</td><td>Number</td><td>Infinity</td><td>允许缩放的最大高度，maxImgResizeWidthInheritTheme选项设置为false时生效，不限制最大值可传递Infinity</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-39a288b8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><!----></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/mind-map-docs/api/constructor/constructor-props.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>下一篇</span><span class="title" data-v-e257564d>属性</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-5d98c3a5 data-v-e315a0ad><div class="container" data-v-e315a0ad><p class="message" data-v-e315a0ad>MIT License.</p><p class="copyright" data-v-e315a0ad>Copyright © 2024-present mind-map team</p></div></footer><!--[--><!--]--></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api_batchexecution.md\":\"CpL1COYr\",\"api_command.md\":\"CKB-R46V\",\"api_constructor_constructor-methods.md\":\"DsZDelzJ\",\"api_constructor_constructor-options.md\":\"8BBZ4ug7\",\"api_constructor_constructor-props.md\":\"D30kKm6b\",\"api_keycommand.md\":\"BJXgXO7R\",\"api_markdown.md\":\"CxqgUeiH\",\"api_node.md\":\"DhCkvc5p\",\"api_render.md\":\"DnyWiV1e\",\"api_textedit.md\":\"D9vZBSlW\",\"api_utils.md\":\"CW7ERQHD\",\"api_view.md\":\"BPCnCodU\",\"api_xmind.md\":\"BFFbvkZa\",\"blog.md\":\"BBj4F7hw\",\"client.md\":\"BgQFFUpL\",\"cloudstorage.md\":\"Do58UUNI\",\"course_course1.md\":\"DFK8EDkp\",\"course_course10.md\":\"4v-csSOz\",\"course_course11.md\":\"B9xEVvAJ\",\"course_course12.md\":\"DDIJIJPj\",\"course_course13.md\":\"5IBP-rao\",\"course_course14.md\":\"CC1fwQgh\",\"course_course15.md\":\"D5iYWEY8\",\"course_course16.md\":\"D0wQG2pw\",\"course_course17.md\":\"CJA6F6_y\",\"course_course18.md\":\"BH4yZs16\",\"course_course19.md\":\"UqRwkPwr\",\"course_course2.md\":\"B0W9BdDf\",\"course_course20.md\":\"BPg5uQc2\",\"course_course21.md\":\"CoLYAOVb\",\"course_course22.md\":\"CawwY_0h\",\"course_course23.md\":\"BocE6ttf\",\"course_course24.md\":\"DuSI03vb\",\"course_course25.md\":\"C9dnrwy7\",\"course_course26.md\":\"BkCJk6Hs\",\"course_course27.md\":\"L9aum18K\",\"course_course28.md\":\"DgOxC1eG\",\"course_course29.md\":\"C1QXQu6Q\",\"course_course3.md\":\"DfnuN21w\",\"course_course30.md\":\"B7H4qLQB\",\"course_course31.md\":\"cXaDZjGo\",\"course_course4.md\":\"6pgAw2LX\",\"course_course5.md\":\"ZP4Q9iiA\",\"course_course6.md\":\"C0fxBt7J\",\"course_course7.md\":\"Cuph-HFp\",\"course_course8.md\":\"ChoIxP8Z\",\"course_course9.md\":\"d4gQ06de\",\"en_api_batchexecution.md\":\"B6K-Ywh_\",\"en_api_command.md\":\"6BhEX64G\",\"en_api_constructor_constructor-methods.md\":\"Dc9Zw2sR\",\"en_api_constructor_constructor-options.md\":\"C82q4Cdk\",\"en_api_constructor_constructor-props.md\":\"8b47ZzdH\",\"en_api_keycommand.md\":\"PqfMHK2W\",\"en_api_markdown.md\":\"BSdO0S88\",\"en_api_node.md\":\"DwuEkWyP\",\"en_api_render.md\":\"CPakJa2d\",\"en_api_textedit.md\":\"Biai4Xq7\",\"en_api_utils.md\":\"C--N5wPv\",\"en_api_view.md\":\"DvZzXTZJ\",\"en_api_xmind.md\":\"CkYNjH7w\",\"en_blog.md\":\"Dt38_25W\",\"en_client.md\":\"JcBCndJr\",\"en_index.md\":\"1cVIsvnz\",\"en_plugins_about.md\":\"BUWGpGGx\",\"en_plugins_associativeline.md\":\"DQ7fnKYH\",\"en_plugins_checkbox.md\":\"kVZQRXcu\",\"en_plugins_cooperate.md\":\"D9rwtYWm\",\"en_plugins_demonstrate.md\":\"CVaF8Flk\",\"en_plugins_doexport.md\":\"1engnPn2\",\"en_plugins_drag.md\":\"Bj7U6mi5\",\"en_plugins_excel.md\":\"Bb_v4SjM\",\"en_plugins_formula.md\":\"Bn2eMOAc\",\"en_plugins_freemind.md\":\"DMclvg-J\",\"en_plugins_handdrawnlikestyle.md\":\"ixNqBFyB\",\"en_plugins_keyboardnavigation.md\":\"B9FIErI0\",\"en_plugins_minimap.md\":\"Ckq8cxpd\",\"en_plugins_nodeimgadjust.md\":\"BN6ddm5D\",\"en_plugins_notation.md\":\"C2O7-yEU\",\"en_plugins_numbers.md\":\"Bq4rxFQ-\",\"en_plugins_outerframe.md\":\"dcqaEX5L\",\"en_plugins_painter.md\":\"BPjDkK8N\",\"en_plugins_rainbowlines.md\":\"KB27VR0m\",\"en_plugins_richtext.md\":\"C0xjUJ1Y\",\"en_plugins_scrollbar.md\":\"BTY-WRIo\",\"en_plugins_search.md\":\"oq27WGrC\",\"en_plugins_select.md\":\"BBkzcWfg\",\"en_plugins_themes.md\":\"Cy2wJvDH\",\"en_plugins_touchevent.md\":\"-uR6MDoD\",\"en_plugins_watermark.md\":\"hn2ARitq\",\"en_start_changelog.md\":\"mcHyuMP6\",\"en_start_contribute.md\":\"BRc1GZjd\",\"en_start_deploy.md\":\"CyMntFzl\",\"en_start_introduction.md\":\"BPmJhLYM\",\"en_start_question.md\":\"BNQEVRBY\",\"en_start_start.md\":\"t8Q0EWDl\",\"help_help1.md\":\"BUHB1yvC\",\"help_help2.md\":\"DnwTpD2s\",\"help_help3.md\":\"D5oc_2Ls\",\"help_help4.md\":\"CP5zGCjY\",\"help_help5.md\":\"DNO2uUSL\",\"help_help6.md\":\"BNhR7MF-\",\"index.md\":\"DGLAchCw\",\"plugins_about.md\":\"DYoMr7Ye\",\"plugins_associativeline.md\":\"DYIBkSHw\",\"plugins_checkbox.md\":\"BT_i6sXp\",\"plugins_cooperate.md\":\"Dm0944RZ\",\"plugins_demonstrate.md\":\"D7m2ejPJ\",\"plugins_doexport.md\":\"D9DXqnn7\",\"plugins_drag.md\":\"DvHqkvDB\",\"plugins_excel.md\":\"Bso-N9QM\",\"plugins_formula.md\":\"4-1aZ69F\",\"plugins_freemind.md\":\"tQ8FmSjZ\",\"plugins_handdrawnlikestyle.md\":\"SRc_y_hE\",\"plugins_keyboardnavigation.md\":\"D_O1v-Qq\",\"plugins_minimap.md\":\"CEavzRCD\",\"plugins_nodeimgadjust.md\":\"B5AEnFgt\",\"plugins_notation.md\":\"Da_S_k1x\",\"plugins_numbers.md\":\"DERrL3cA\",\"plugins_outerframe.md\":\"cQsgask1\",\"plugins_painter.md\":\"CyBPCEqq\",\"plugins_rainbowlines.md\":\"DQGhN6QN\",\"plugins_richtext.md\":\"CM1KiL10\",\"plugins_scrollbar.md\":\"C_0OnaGr\",\"plugins_search.md\":\"D_bnL8rb\",\"plugins_select.md\":\"CukB6FsP\",\"plugins_themes.md\":\"HPkGe_d3\",\"plugins_touchevent.md\":\"Cdz_63tT\",\"plugins_watermark.md\":\"1UCHago3\",\"sponsor.md\":\"DEcuXGmu\",\"start_changelog.md\":\"DcdV5GNW\",\"start_contribute.md\":\"V6_XRS2W\",\"start_deploy.md\":\"jxHFH1Ph\",\"start_introduction.md\":\"Dn2yO_zK\",\"start_question.md\":\"bkFCXRSd\",\"start_start.md\":\"lmUjiRmx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SimpleMindMap\",\"description\":\"A VitePress site\",\"base\":\"/mind-map-docs/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"root\":{\"placeholder\":\"搜索文档\",\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"searchBox\":{\"resetButtonTitle\":\"清除查询条件\",\"resetButtonAriaLabel\":\"清除查询条件\",\"cancelButtonText\":\"取消\",\"cancelButtonAriaLabel\":\"取消\"},\"startScreen\":{\"recentSearchesTitle\":\"搜索历史\",\"noRecentSearchesText\":\"没有搜索历史\",\"saveRecentSearchButtonTitle\":\"保存至搜索历史\",\"removeRecentSearchButtonTitle\":\"从搜索历史中移除\",\"favoriteSearchesTitle\":\"收藏\",\"removeFavoriteSearchButtonTitle\":\"从收藏中移除\"},\"errorScreen\":{\"titleText\":\"无法获取结果\",\"helpText\":\"你可能需要检查你的网络连接\"},\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\",\"closeText\":\"关闭\",\"searchByText\":\"搜索提供者\"},\"noResultsScreen\":{\"noResultsText\":\"无法找到相关结果\",\"suggestedQueryText\":\"你可以尝试查询\",\"reportMissingResultsText\":\"你认为该查询应该有结果？\",\"reportMissingResultsLinkText\":\"点击反馈\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"中文\",\"description\":\"一个强大的Web思维导图\",\"themeConfig\":{\"logo\":\"/logo.png\",\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/wanglin2/mind-map\"}],\"footer\":{\"message\":\"MIT License.\",\"copyright\":\"Copyright © 2024-present mind-map team\"},\"outline\":{\"level\":[2,3]},\"nav\":[{\"text\":\"在线使用\",\"link\":\"https://wanglin2.github.io/mind-map/\"},{\"text\":\"客户端\",\"link\":\"/client\"},{\"text\":\"云存储版\",\"link\":\"/cloudStorage\"},{\"text\":\"开始\",\"link\":\"/start/introduction\",\"activeMatch\":\"/start/\"},{\"text\":\"教程\",\"link\":\"/course/course1\",\"activeMatch\":\"/course/\"},{\"text\":\"API\",\"link\":\"/api/constructor/constructor-options\",\"activeMatch\":\"/api/\"},{\"text\":\"插件\",\"link\":\"/plugins/themes\",\"activeMatch\":\"/plugins/\"},{\"text\":\"使用帮助\",\"link\":\"/help/help1\",\"activeMatch\":\"/help/\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"更多\",\"items\":[{\"text\":\"博客\",\"link\":\"/blog\"},{\"text\":\"理想文档\",\"link\":\"https://github.com/wanglin2/lx-doc\"},{\"text\":\"意见反馈\",\"link\":\"https://github.com/wanglin2/mind-map/issues\"}]}],\"sidebar\":{\"/start/\":[{\"text\":\"简介\",\"link\":\"/start/introduction\"},{\"text\":\"开始\",\"link\":\"/start/start\"},{\"text\":\"常见问题\",\"link\":\"/start/question\"},{\"text\":\"部署\",\"link\":\"/start/deploy\"},{\"text\":\"贡献\",\"link\":\"/start/contribute\"},{\"text\":\"更新记录\",\"link\":\"/start/changelog\"}],\"/course/\":[{\"text\":\"基本使用\",\"link\":\"/course/course1\"},{\"text\":\"操作节点内容\",\"link\":\"/course/course2\"},{\"text\":\"插入/删除节点、前进回退\",\"link\":\"/course/course3\"},{\"text\":\"设置节点样式的简单方式\",\"link\":\"/course/course4\"},{\"text\":\"设置节点样式的更多方式\",\"link\":\"/course/course31\"},{\"text\":\"设置基础样式\",\"link\":\"/course/course5\"},{\"text\":\"显示水印\",\"link\":\"/course/course6\"},{\"text\":\"开启节点自由拖拽\",\"link\":\"/course/course7\"},{\"text\":\"开启节点富文本编辑\",\"link\":\"/course/course8\"},{\"text\":\"修改鼠标滚轮的行为\",\"link\":\"/course/course9\"},{\"text\":\"主题\",\"link\":\"/course/course10\"},{\"text\":\"结构\",\"link\":\"/course/course11\"},{\"text\":\"如何渲染一个大纲\",\"link\":\"/course/course12\"},{\"text\":\"快捷键\",\"link\":\"/course/course13\"},{\"text\":\"如何渲染一个小地图\",\"link\":\"/course/course14\"},{\"text\":\"如何渲染一个右键菜单\",\"link\":\"/course/course15\"},{\"text\":\"如何渲染富文本的悬浮工具栏\",\"link\":\"/course/course16\"},{\"text\":\"导入和导出\",\"link\":\"/course/course17\"},{\"text\":\"如何持久化数据\",\"link\":\"/course/course18\"},{\"text\":\"插入和扩展节点图标\",\"link\":\"/course/course19\"},{\"text\":\"如何自定义节点内容\",\"link\":\"/course/course20\"},{\"text\":\"如何复制、剪切、粘贴\",\"link\":\"/course/course21\"},{\"text\":\"如何实现搜索、替换\",\"link\":\"/course/course22\"},{\"text\":\"如何渲染滚动条\",\"link\":\"/course/course23\"},{\"text\":\"如何开发一个插件\",\"link\":\"/course/course24\"},{\"text\":\"关于概要\",\"link\":\"/course/course25\"},{\"text\":\"如何实现AI生成节点内容\",\"link\":\"/course/course26\"},{\"text\":\"快捷键操作如何传递自定义参数\",\"link\":\"/course/course27\"},{\"text\":\"如何动态修改自定义元素的大小\",\"link\":\"/course/course28\"},{\"text\":\"局域网docker部署解决HTTPS问题的一种方法\",\"link\":\"/course/course29\"},{\"text\":\"如何通过代码激活节点\",\"link\":\"/course/course30\"}],\"/api/\":[{\"text\":\"API\",\"items\":[{\"text\":\"构造函数\",\"base\":\"/api/constructor/constructor-\",\"items\":[{\"text\":\"实例化选项\",\"link\":\"options\"},{\"text\":\"属性\",\"link\":\"props\"},{\"text\":\"方法\",\"link\":\"methods\"}]},{\"text\":\"Node类\",\"link\":\"/api/node\"},{\"text\":\"Render类\",\"link\":\"/api/render\"},{\"text\":\"Command类\",\"link\":\"/api/command\"},{\"text\":\"TextEdit类\",\"link\":\"/api/textEdit\"},{\"text\":\"View类\",\"link\":\"/api/view\"},{\"text\":\"KeyCommand类\",\"link\":\"/api/keyCommand\"},{\"text\":\"BatchExecution类\",\"link\":\"/api/batchExecution\"},{\"text\":\"XMind解析\",\"link\":\"/api/xmind\"},{\"text\":\"Markdown解析\",\"link\":\"/api/markdown\"},{\"text\":\"内置工具方法\",\"link\":\"/api/utils\"}]}],\"/plugins/\":[{\"text\":\"免费\",\"items\":[{\"text\":\"Themes 插件\",\"link\":\"/plugins/themes\"},{\"text\":\"RichText插件\",\"link\":\"/plugins/richText\"},{\"text\":\"Export 插件\",\"link\":\"/plugins/doExport\"},{\"text\":\"Drag插件\",\"link\":\"/plugins/drag\"},{\"text\":\"Select 插件 \",\"link\":\"/plugins/select\"},{\"text\":\"AssociativeLine 插件\",\"link\":\"/plugins/associativeLine\"},{\"text\":\"KeyboardNavigation插件\",\"link\":\"/plugins/keyboardNavigation\"},{\"text\":\"MiniMap插件\",\"link\":\"/plugins/miniMap\"},{\"text\":\"Watermark插件\",\"link\":\"/plugins/watermark\"},{\"text\":\"TouchEvent插件\",\"link\":\"/plugins/touchEvent\"},{\"text\":\"NodeImgAdjust插件\",\"link\":\"/plugins/nodeImgAdjust\"},{\"text\":\"Search插件\",\"link\":\"/plugins/search\"},{\"text\":\"Painter插件\",\"link\":\"/plugins/painter\"},{\"text\":\"Scrollbar插件\",\"link\":\"/plugins/scrollbar\"},{\"text\":\"Formula插件\",\"link\":\"/plugins/formula\"},{\"text\":\"Cooperate插件\",\"link\":\"/plugins/cooperate\"},{\"text\":\"RainbowLines插件\",\"link\":\"/plugins/rainbowLines\"},{\"text\":\"Demonstrate插件\",\"link\":\"/plugins/demonstrate\"},{\"text\":\"OuterFrame插件\",\"link\":\"/plugins/outerFrame\"}]},{\"text\":\"收费\",\"items\":[{\"text\":\"关于收费插件\",\"link\":\"/plugins/about\"},{\"text\":\"HandDrawnLikeStyle插件\",\"link\":\"/plugins/handDrawnLikeStyle\"},{\"text\":\"Notation插件\",\"link\":\"/plugins/notation\"},{\"text\":\"Numbers插件\",\"link\":\"/plugins/numbers\"},{\"text\":\"Freemind插件\",\"link\":\"/plugins/freemind\"},{\"text\":\"Excel插件\",\"link\":\"/plugins/excel\"},{\"text\":\"Checkbox插件\",\"link\":\"/plugins/checkbox\"}]}],\"/help/\":[{\"text\":\"概要/关联线\",\"link\":\"/help/help1\"},{\"text\":\"客户端\",\"link\":\"/help/help2\"},{\"text\":\"打开预览在线文件\",\"link\":\"/help/help3\"},{\"text\":\"复制粘贴\",\"link\":\"/help/help4\"},{\"text\":\"导出\",\"link\":\"/help/help5\"},{\"text\":\"如何编辑数学公式\",\"link\":\"/help/help6\"}]},\"darkModeSwitchLabel\":\"暗黑模式\",\"outlineTitle\":\"大纲\",\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"}}},\"en\":{\"label\":\"English\",\"description\":\"A powerful web mind map\",\"themeConfig\":{\"logo\":\"/logo.png\",\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/wanglin2/mind-map\"}],\"footer\":{\"message\":\"MIT License.\",\"copyright\":\"Copyright © 2024-present mind-map team\"},\"outline\":{\"level\":[2,3]},\"nav\":[{\"text\":\"Online use\",\"link\":\"https://wanglin2.github.io/mind-map/\"},{\"text\":\"Client\",\"link\":\"/en/client\"},{\"text\":\"Cloud storage\",\"link\":\"/cloudStorage\"},{\"text\":\"Start\",\"link\":\"/en/start/introduction\",\"activeMatch\":\"/en/start/\"},{\"text\":\"Course\",\"link\":\"/course/course1\",\"activeMatch\":\"/course/\"},{\"text\":\"API\",\"link\":\"/en/api/constructor/constructor-options\",\"activeMatch\":\"/en/api/\"},{\"text\":\"Plugins\",\"link\":\"/en/plugins/themes\",\"activeMatch\":\"/en/plugins/\"},{\"text\":\"Help\",\"link\":\"/help/help1\",\"activeMatch\":\"/help/\"},{\"text\":\"Sponsor\",\"link\":\"/sponsor\"},{\"text\":\"More\",\"items\":[{\"text\":\"Blog\",\"link\":\"/en/blog\"},{\"text\":\"Ideal Document\",\"link\":\"https://github.com/wanglin2/lx-doc\"},{\"text\":\"Issues\",\"link\":\"https://github.com/wanglin2/mind-map/issues\"}]}],\"sidebar\":{\"/en/start/\":[{\"text\":\"Introduction\",\"link\":\"/en/start/introduction\"},{\"text\":\"Start\",\"link\":\"/en/start/start\"},{\"text\":\"Question\",\"link\":\"/en/start/question\"},{\"text\":\"Deploy\",\"link\":\"/en/start/deploy\"},{\"text\":\"Contribute\",\"link\":\"/en/start/contribute\"},{\"text\":\"Changelog\",\"link\":\"/en/start/changelog\"}],\"/course/\":[{\"text\":\"基本使用\",\"link\":\"/course/course1\"},{\"text\":\"操作节点内容\",\"link\":\"/course/course2\"},{\"text\":\"插入/删除节点、前进回退\",\"link\":\"/course/course3\"},{\"text\":\"设置节点样式的简单方式\",\"link\":\"/course/course4\"},{\"text\":\"设置节点样式的更多方式\",\"link\":\"/course/course31\"},{\"text\":\"设置基础样式\",\"link\":\"/course/course5\"},{\"text\":\"显示水印\",\"link\":\"/course/course6\"},{\"text\":\"开启节点自由拖拽\",\"link\":\"/course/course7\"},{\"text\":\"开启节点富文本编辑\",\"link\":\"/course/course8\"},{\"text\":\"修改鼠标滚轮的行为\",\"link\":\"/course/course9\"},{\"text\":\"主题\",\"link\":\"/course/course10\"},{\"text\":\"结构\",\"link\":\"/course/course11\"},{\"text\":\"如何渲染一个大纲\",\"link\":\"/course/course12\"},{\"text\":\"快捷键\",\"link\":\"/course/course13\"},{\"text\":\"如何渲染一个小地图\",\"link\":\"/course/course14\"},{\"text\":\"如何渲染一个右键菜单\",\"link\":\"/course/course15\"},{\"text\":\"如何渲染富文本的悬浮工具栏\",\"link\":\"/course/course16\"},{\"text\":\"导入和导出\",\"link\":\"/course/course17\"},{\"text\":\"如何持久化数据\",\"link\":\"/course/course18\"},{\"text\":\"插入和扩展节点图标\",\"link\":\"/course/course19\"},{\"text\":\"如何自定义节点内容\",\"link\":\"/course/course20\"},{\"text\":\"如何复制、剪切、粘贴\",\"link\":\"/course/course21\"},{\"text\":\"如何实现搜索、替换\",\"link\":\"/course/course22\"},{\"text\":\"如何渲染滚动条\",\"link\":\"/course/course23\"},{\"text\":\"如何开发一个插件\",\"link\":\"/course/course24\"},{\"text\":\"关于概要\",\"link\":\"/course/course25\"},{\"text\":\"如何实现AI生成节点内容\",\"link\":\"/course/course26\"},{\"text\":\"快捷键操作如何传递自定义参数\",\"link\":\"/course/course27\"},{\"text\":\"如何动态修改自定义元素的大小\",\"link\":\"/course/course28\"},{\"text\":\"局域网docker部署解决HTTPS问题的一种方法\",\"link\":\"/course/course29\"},{\"text\":\"如何通过代码激活节点\",\"link\":\"/course/course30\"}],\"/en/api/\":[{\"text\":\"API\",\"items\":[{\"text\":\"Constructor\",\"base\":\"/en/api/constructor/constructor-\",\"items\":[{\"text\":\"Options\",\"link\":\"options\"},{\"text\":\"Props\",\"link\":\"props\"},{\"text\":\"Methods\",\"link\":\"methods\"}]},{\"text\":\"Node class\",\"link\":\"/en/api/node\"},{\"text\":\"Render clas\",\"link\":\"/en/api/render\"},{\"text\":\"Command clas\",\"link\":\"/en/api/command\"},{\"text\":\"TextEdit clas\",\"link\":\"/en/api/textEdit\"},{\"text\":\"View clas\",\"link\":\"/en/api/view\"},{\"text\":\"KeyCommand clas\",\"link\":\"/en/api/keyCommand\"},{\"text\":\"BatchExecution clas\",\"link\":\"/en/api/batchExecution\"},{\"text\":\"XMind parse\",\"link\":\"/en/api/xmind\"},{\"text\":\"Markdown parse\",\"link\":\"/en/api/markdown\"},{\"text\":\"Utility methods\",\"link\":\"/en/api/utils\"}]}],\"/en/plugins/\":[{\"text\":\"Free\",\"items\":[{\"text\":\"Themes plugin\",\"link\":\"/en/plugins/themes\"},{\"text\":\"RichText plugin\",\"link\":\"/en/plugins/richText\"},{\"text\":\"Export plugin\",\"link\":\"/en/plugins/doExport\"},{\"text\":\"Drag plugin\",\"link\":\"/en/plugins/drag\"},{\"text\":\"Select plugin\",\"link\":\"/en/plugins/select\"},{\"text\":\"AssociativeLine plugin\",\"link\":\"/en/plugins/associativeLine\"},{\"text\":\"KeyboardNavigation plugin\",\"link\":\"/en/plugins/keyboardNavigation\"},{\"text\":\"MiniMap plugin\",\"link\":\"/en/plugins/miniMap\"},{\"text\":\"Watermark plugin\",\"link\":\"/en/plugins/watermark\"},{\"text\":\"TouchEvent plugin\",\"link\":\"/en/plugins/touchEvent\"},{\"text\":\"NodeImgAdjust plugin\",\"link\":\"/en/plugins/nodeImgAdjust\"},{\"text\":\"Search plugin\",\"link\":\"/en/plugins/search\"},{\"text\":\"Painter plugin\",\"link\":\"/en/plugins/painter\"},{\"text\":\"Scrollbar plugin\",\"link\":\"/en/plugins/scrollbar\"},{\"text\":\"Formula plugin\",\"link\":\"/en/plugins/formula\"},{\"text\":\"Cooperate plugin\",\"link\":\"/en/plugins/cooperate\"},{\"text\":\"RainbowLines plugin\",\"link\":\"/en/plugins/rainbowLines\"},{\"text\":\"Demonstrate plugin\",\"link\":\"/en/plugins/demonstrate\"},{\"text\":\"OuterFrame plugin\",\"link\":\"/en/plugins/outerFrame\"}]},{\"text\":\"Charge\",\"items\":[{\"text\":\"Regarding paid plugins\",\"link\":\"/en/plugins/about\"},{\"text\":\"HandDrawnLikeStyle plugin\",\"link\":\"/en/plugins/handDrawnLikeStyle\"},{\"text\":\"Notation plugin\",\"link\":\"/en/plugins/notation\"},{\"text\":\"Numbers plugin\",\"link\":\"/en/plugins/numbers\"},{\"text\":\"Freemind plugin\",\"link\":\"/en/plugins/freemind\"},{\"text\":\"Excel plugin\",\"link\":\"/en/plugins/excel\"},{\"text\":\"Checkbox plugin\",\"link\":\"/en/plugins/checkbox\"}]}],\"/help/\":[{\"text\":\"概要/关联线\",\"link\":\"/help/help1\"},{\"text\":\"客户端\",\"link\":\"/help/help2\"},{\"text\":\"打开预览在线文件\",\"link\":\"/help/help3\"},{\"text\":\"复制粘贴\",\"link\":\"/help/help4\"},{\"text\":\"导出\",\"link\":\"/help/help5\"},{\"text\":\"如何编辑数学公式\",\"link\":\"/help/help6\"}]},\"darkModeSwitchLabel\":\"Dark mode\",\"outlineTitle\":\"Outline\",\"docFooter\":{\"prev\":\"Prev\",\"next\":\"Next\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>